<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>列表页</title>
    <link rel="shortcut icon" href="../images/oppo.ico">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2825001_8wdx6usmzxm.css">
    <script src="../lib/js/jquery.js"></script>
    <script src="../lib/js/ajax.js"></script>
    <script src="../lib/js/cookie.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <link rel="stylesheet" href="../lib/css/swiper-bundle.min.css">
    <script src="../lib/js/swiper-bundle.min.js"></script>
</head>

<body>
    <div id="header">
        <div class="container">
            <ul>
                <li><a href="">欢太品牌</a></li>
                <li><a href="">欢太云服务</a></li>
                <li><a href="">软件商店</a></li>
                <li><a href="">健康</a></li>
            </ul>
            <ol class="login">
                <li><a href="">欢太商城APP</a></li>
                <li><a href="./login.html"><i class="iconfont icon-yonghu"></i><span>登录</span>
                    </a></li>
                <li><a href="./register.html">注册</a></li>
                <li><a href=""><i class="iconfont icon-gouwuchekong"></i><span>购物车</span><span>(0)</span></a></li>
            </ol>
        </div>
    </div>
    <div id="nav">
        <div class="con">
            <h1><img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/dc4332d.png" alt=""></h1>
            <div class="nav_box">
                <a href="">OPPO专区</a>
                <a href="">OnePlus专区</a>
                <a href="">realme专区</a>
                <a href="">智能硬件</a>
                <a href="../html/htShop.html">回到首页 </a>
            </div>
            <input type="text" placeholder="OPPO K9 PRO">
        </div>
    </div>
    <div id="banner">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://dsfs.oppo.com/archives/202109/20210926030919615027df7c341.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://dsfs.oppo.com/archives/202109/20210922090958614a8cb633092.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://dsfs.oppo.com/archives/202109/20210926110927614fe55706739.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://dsfs.oppo.com/archives/202109/20210910090950613ab9be078fb.png" alt="">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next" style="right:20%"></div>
                <div class="swiper-button-prev" style="left:30%"></div>
            </div>
            <div class="bottom">
            </div>
        </div>
    </div>
    <div class="content">

        <h2>OPPO手机列表<a href="../html/htShop.html">回到首页 </a></h2>
        <aside>
            <!-- <div class="title">
                <img src="../images/20_12.jpg" alt="">
                <p>OnePlus 9 Pro</p>
                <li><b>积分抵5%</b></li>
                <span>￥4699</span>
            </div>
            <div class="title">
                <img src="../images/20_12.jpg" alt="">
                <p>OnePlus 9 Pro</p>
                <li><b>积分抵5%</b></li>
                <span>￥4699</span>
            </div>
            <div class="title">
                <img src="../images/71.png" alt="">
                <p>OnePlus 9</p>
                <li><b>积分抵5%</b></li>
                <span>￥3299<s>￥4999</s></span>
            </div>
            <div class="title">
                <img src="../images/72.png" alt="">
                <p>OnePlus 8T</p>
                <li><b>赠</b></li>
                <span>￥3899<s>￥4999</s></span>
            </div> -->
        </aside>
    </div>
    <div class="page"></div>
    <div class="copy">
        <div class="con">
            <aside>
                <span>2021欢太版权所有</span>
                <a href="">粤ICP备14012291号 |</a>
                <a href="">隐私政策 |</a>
                <a href="">用户使用协议 |</a>
                <a href="">资质证照 |</a>
                <a href="">知识产权</a>
            </aside>
            <p>粤公网安备44190002004935号</p>
        </div>
    </div>

</body>
<script src="../lib/page.js"></script>
<script src="../js/list.js"></script>

</html>
<script>
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,

        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>